.cases{
    margin: 0 auto 40px;
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    li{
        position: relative;
        margin: 10px 20px;
        width: 260px;
        height: 200px;
        overflow: hidden;
        
        .pic{
            width: 160px;
            height: 140px;
            padding: 30px 50px;
        }
        .caseInfo{
            position: absolute;
            top:100%;
            width: 260px;
            height: 200px;
            background-color: rgba(0,0,0,0.75);
            transition: top ease 0.25s;
            overflow: auto;
            .title{
                margin: 20px 20px 0;
                font-size: 16px;
                line-height: 24px;
                font-weight: bold;
                color: #fff;
                text-align: center;
            }
            .desc{
                margin: 10px 20px 20px;
                font-size: 14px;
                line-height: 20px;
                color: #fff;
                text-indent: 2em;
            }
            // &::-webkit-scrollbar{
            //     width: 12px;
            // }
        }
        &:hover .caseInfo{
            top:0;
        }
    }
}